<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>我的</title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../../css/iconfont/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../../css/my/index.css" />
    <style>
      .icon_css{
        font-size:1.5rem;
      }
    </style>
</head>
<body style="padding-bottom:2.5rem;cursor: pointer;height:100%;">
    <div class="aui-list aui-media-list bg-blue" style="background:url(../../image/index/my_top.png) no-repeat;">
        <div class="">
            <div class="" style="width:100%;text-align:center;">
                <img src="../../image/my/head_portrait.png" id="avatar" class="aui-img-round aui-list-img-sm" style="margin-top:2rem; width:4rem;height: 4rem;border-radius:50%">
                <span style='font-size:1.5rem;display:block;margin:-5rem 0 0 15rem;color:white;'class='icon iconfont icon-kefu'></span>
            </div>
            <div class="aui-list-item-inner" style="margin-top:2.5rem;width:100%;padding:0rem;">
                <div class="color-white aui-margin-b-15" id="user_name" style="text-align:center;color:white;margin-bottom:0.2rem !important;"></div>
                <div class="color-white"  style="text-align:center;padding-bottom:0.5rem;overflow:auto;">
                  <span style="width:1rem;height:1rem;line-height:1rem;border-radius:0.2rem;background:#FFC600;color:white;text-align:center;font-weight:bold;">企</span>
                  <span id="company_name" style="color:white;font-weight:bold;"></span>
                </div>
            </div>
        </div>
    </div>
    <ul class="aui-list aui-media-list aui-margin-b-15">
        <li class="aui-list-item aui-list-item-middle" id="my_order">
            <div class="aui-media-list-item-inner border-b">
                <div class="aui-list-item-media" style="width: 2rem;">
                    <i class="icon iconfont icon-wodexinxi icon_css" style="color: #3DB0D7;"></i>
                </div>
                <div class="aui-list-item-inner aui-list-item-arrow">我的订单</div>
            </div>
        </li>
        <li class="aui-list-item aui-list-item-middle" id="travelPolicy">
            <div class="aui-media-list-item-inner border-b">
                <div class="aui-list-item-media" style="width: 2rem;">
                    <i class="icon iconfont icon-zhengce icon_css" style="color:#5ADB5B;"></i>
                </div>
                <div class="aui-list-item-inner aui-list-item-arrow">差旅政策</div>
            </div>
        </li>

        <li class="aui-list-item aui-list-item-middle" id="contact">
            <div class="aui-media-list-item-inner border-b">
                <div class="aui-list-item-media" style="width: 2rem;">
                    <i class="icon iconfont icon-changyonglianxiren icon_css" style="color:#01B8EE;"></i>
                </div>
                <div class="aui-list-item-inner aui-list-item-arrow">常用联系人</div>
            </div>
        </li>
        <li class="aui-list-item aui-list-item-middle" id="frequenter">
            <div class="aui-media-list-item-inner border-b">
                <div class="aui-list-item-media" style="width: 2rem;">
                    <i class="icon iconfont icon-changyongchuhangren icon_css" style="color:#5ADB5C;"></i>
                </div>
                <div class="aui-list-item-inner aui-list-item-arrow">常用出行人</div>
            </div>
        </li>
    </ul>
    <ul class="aui-list aui-media-list aui-margin-b-15 travel_apply_expense" style="display: none">
        <li class="aui-list-item aui-list-item-middle apply_order" id="travel_applay" style="display: none;">
            <div class="aui-media-list-item-inner border-b">
                <div class="aui-list-item-media" style="width: 2rem;">
                    <i class="icon iconfont icon-chuchashenqingdan icon_css" style="color:#5ADB5C;"></i>
                </div>
                <div class="aui-list-item-inner aui-list-item-arrow">出差申请单</div>
            </div>
        </li>
        <li class="aui-list-item aui-list-item-middle expense_order" id="travel_expense" style="display: none;">
            <div class="aui-media-list-item-inner border-b">
                <div class="aui-list-item-media" style="width: 2rem;">
                    <i class="icon iconfont icon-chuchabaoxiaodan icon_css" style="color:#3CB0D6;"></i>
                </div>
                <div class="aui-list-item-inner aui-list-item-arrow">出差报销单</div>
            </div>
        </li>
        <li class="aui-list-item aui-list-item-middle expense_order" id="travel_allowance" style="display: none;">
            <div class="aui-media-list-item-inner border-b">
                <div class="aui-list-item-media" style="width: 2rem;">
                    <i class="icon iconfont icon-chuhangbuzhudan icon_css" style="color:#3DAED6;"></i>
                </div>
                <div class="aui-list-item-inner aui-list-item-arrow">出差补助单</div>
            </div>
        </li>
    </ul>
    <ul class="aui-list aui-media-list aui-margin-b-15">
        <li class="aui-list-item aui-list-item-middle" id="personal_details">
            <div class="aui-media-list-item-inner border-b">
                <div class="aui-list-item-media" style="width: 2rem;">
                    <i class="icon iconfont icon-gerenxinxi icon_css" style="color:#A079ED;"></i>
                </div>
                <div class="aui-list-item-inner aui-list-item-arrow">个人信息</div>
            </div>
        </li>
        <li class="aui-list-item aui-list-item-middle" id="modify_password">
            <div class="aui-media-list-item-inner border-b">
                <div class="aui-list-item-media" style="width: 2rem;">
                    <i class="icon iconfont icon-xiugai1 icon_css" style="color:#1196DB;"></i>
                </div>
                <div class="aui-list-item-inner aui-list-item-arrow">修改密码</div>
            </div>
        </li>
        <li class="aui-list-item aui-list-item-middle" id="modify_pay_password">
            <div class="aui-media-list-item-inner border-b">
                <div class="aui-list-item-media" style="width: 2rem;">
                    <i class="icon iconfont icon-qian1 icon_css" style="color:#52B6DD;"></i>
                </div>
                <div class="aui-list-item-inner aui-list-item-arrow">修改支付密码</div>
            </div>
        </li>
        <li class="aui-list-item aui-list-item-middle" id="setting">
            <div class="aui-media-list-item-inner border-b">
                <div class="aui-list-item-media" style="width: 2rem;">
                    <i class="icon iconfont icon-shezhi2 icon_css" style="color:#4EC6EA;"></i>
                </div>
                <div class="aui-list-item-inner aui-list-item-arrow">系统设置</div>
            </div>
        </li>
    </ul>
    <div id="test"></div>
    <div id="policys" class="aui-hide"></div>
</body>

</html>
<script type="text/javascript" src="../../script/aui/api.js"></script>
<script src="../../script/aui/aui-dialog.js"></script>
<script type="text/javascript" src="../../script/extend/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="../../script/config.js"></script>
<script type="text/javascript" src="../../script/common.js"></script>
<script type="text/javascript" src="../../script/extend/doT.min.js"></script>
<script type="text/javascript" src="../../service/my/userIndex.js"></script>

<!--差旅政策 start-->
<script id="traveltpl" type="text/x-dot-template">
    <div id="popup_box" aui-popup-for="top-left">
        <ul>
            <li style="font-size:1rem;margin:.3rem 0;">我的差旅政策</li>

            <li style="font-size:.7rem;color:#9F9FA0;">差旅政策:{{=it.policy_name}},审批类型:{{=it.approvalName}} </li>

            <li class="popup_content_list"><i class="icon iconfont icon-feiji3 popup_icon" style="color:#0191F5;"></i>{{=it.policyStr.flight}}</li>
            <li class="popup_content_list"><i class="icon iconfont icon-icon-test1 popup_icon" style="color:#FF8106;"></i>{{=it.policyStr.hotel}}</li>
            <li class="popup_content_list"><i class="icon iconfont icon-huoche popup_icon" style="color:#397501;"></i>{{=it.policyStr.train}}</li>
        </ul>
    </div>
</script>
<!--差旅政策 end-->
<script type="text/javascript">
    apiready = function() {
        api.parseTapmode();
        new userIndex();
    };
</script>
